<template>
	<div>
		<h2>Home组件内容</h2>
		<div>
			<ul class="nav nav-tabs">
				<li>
					<!-- 跳转要写完整路径 to 添加父级的位置 -->
					<router-link class="list-group-item " active-class="active" to="/home/news">News</router-link>
				</li>
				<li>
					<router-link class="list-group-item " active-class="active" to="/home/message">Message</router-link>
				</li>
			</ul>
			<!-- 指定组件的呈现位置 路由器的视图 -->
			<!-- 此处展示什么组件，得看用户点击的是哪个导航项 -->
			<router-view></router-view>
		</div>
	</div>
</template>

<script>
	export default {
		name:'Home',
		// beforeDestroy() {
		// 	console.log('Home组件即将被销毁')
		// },
		// mounted() {
		// 	console.log('Home组件挂载完毕',this)
		// },
		
	}
</script>